{% extends "base.html" %}
{% block jsAndCss %}
    <link rel="stylesheet" href="/static/css/list.css">
{% endblock %}

{% block main %}
    <div class="bd_1 pd10">
        {% include "include/districts_block.html" %}
        <p class="area"><span>租金:</span><a href="##" class="color_f60">不限</a> <a href="##" class="color_5d">3元以下</a> <a
                href="##" class="color_5d">3-4元</a> <a href="##" class="color_5d">4-5元</a> <a href="##"
                                                                                              class="color_5d">5-6元</a>
            <a href="##" class="color_5d">6-7元</a> <a href="##" class="color_5d">7元以上</a> <a href="##" class="color_5d">更多&gt;&gt;</a>
        </p>
    </div>
    <div class="RowList pt20 clearfix">
        <!--左侧-->
        <div class="LeftNav">
            <!--列表内容-->
            <div id="divListLoading" class="listloadingbar" style="display: none; height: 2000px; width: 670px; top: 65px;">
                <div class="loading">
                </div>
            </div>
            <input type="hidden" value="" name="hdnSimple" id="hdnSimple">
            <!--列表循环st-->
            <div id="OfficeListV1">
                <div class="List clearfix">
                    {% for office in officeList %}
                        <div class="Loop clearfix">
                            <div class="info_con clearfix">
                                <div class="Pic">
                                    <div class="num">25</div>
                                    <a href="{{ office.get_absolute_url }}"><img src="/static/images/img10.jpg" alt="Office Park"></a>
                                </div>
                                <div class="Nav">
                                    <div class="info_con1 clearfix">
                                        <div class="l_sub fl">
                                            <h2><a href="{{ office.get_absolute_url }}">{{ office.name }}</a></h2>

                                            <div class="add_map clearfix">地址：{{ office.address }}<a target="_blank"
                                                                                                    href="##"
                                                                                                    class="MapBtn">[地图]</a>
                                            </div>
                                            <div class="Word">{{ office.about }}</div>
                                        </div>
                                        <div class="Price fr"><p><em>{{ office.avg_sale }}</em></p>元/㎡.天</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
                <!--列表循环ed-->
                <!--分页st-->

                <div id="divPageLong">
                    <div class="pager">
                        {% if officeList %}
                            {% if officeList.number != 1 %}
                                <span class="item"><a href="?page=1">第一页</a></span>
                            {% endif %}
                            {% if officeList.has_previous %}
                                <span class="item"><a href="?page={{ officeList.previous_page_number }}">上一页</a></span>
                            {% endif %}
                            {% for p in officeList.paginator.page_range %}
                                {% if p == officeList.number %}
                                    <span class="current">{{ p }}</span>
                                {% else %}
                                    <span class="item"><a href="?page={{p}}">{{ p }}</a></span>
                                {% endif %}
                            {% endfor %}
                            {% if officeList.has_next %}
                                <span class="item"><a href="?page={{ officeList.next_page_number }}">下一页</a></span>
                            {% endif %}
                            共 <font color="blue">{{ officeList.paginator.num_pages }}</font> 页
                        {% endif %}
                    </div>

                </div>
            </div>
            <!--列表循环ed-->
            <!--Simple 简版st-->
        </div>
        <!--右边栏-->
        <div class="RightNav">
            <!-- 免费服务 -->
            <div id="free_service">
                <div class="orange_con clearfix">
                    <div class="service_title">
                        <h5>免费服务</h5>
                    </div>
                    <div class="service_con clearfix">
                        <dl class="clearfix">
                            <dt></dt>
                            <dd>
                                <h6>1010-1818</h6>

                                <p>服务时间：8：00 - 21：00</p>
                            </dd>
                        </dl>
                        <ul class="clearfix">
                            <li class="btn_expert">
                                <a title="" href="javascript:void(0);"><s></s>专家荐址</a>

                                <div class="hover_box01">
                                    <div class="sj"></div>
                                    置业专家会为您提供5-10处候选房源
                                </div>
                            </li>
                            <li class="btn_apply"><a title="" href="javascript:void(0);"
                                                     onclick="showKanfangBox('申请免费看房',false,'意向楼宇：','');"><s></s>申请看房</a>

                                <div class="hover_box02">
                                    <div class="sj">
                                    </div>
                                    有意向楼盘？我们免费接送，全程陪同
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 申请看房弹窗 -->
            <div style="display:none" id="divKanfangBox" class="popup_nav">
                <div class="popup_inside">
                    <div id="contentHeight" class="popup_msg">
                        <h5 class="h5_title"><span id="textLookhouse" class="fl">申请免费看房</span><a class="popup_off"
                                                                                                 onclick="closeKanfangBox();"
                                                                                                 href="javascript:void(0);"
                                                                                                 title="关闭">X</a></h5>

                        <div class="popup_txt">
                            <dl class="clearfix">
                                <dt>您的姓名：</dt>
                                <dd>
                                    <input type="text" maxlength="100" class="popup_input" name="KanfangUserName"
                                           id="KanfangUserName"></dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>您的电话：</dt>
                                <dd>
                                    <input type="text" maxlength="100" class="popup_input" name="KanfangMobile"
                                           id="KanfangMobile"></dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>您的邮箱：</dt>
                                <dd>
                                    <input type="text" maxlength="100" class="popup_input" name="KanfangContactEmail"
                                           id="KanfangContactEmail"></dd>
                            </dl>
                            <dl id="divKanfangContent" class="clearfix">
                                <dt>意向楼宇：</dt>
                                <dd>
                                    <textarea class="your_need" maxlength="50" name="KanfangContent"
                                              id="KanfangContent"></textarea>
                                </dd>
                            </dl>
                            <input type="hidden" value="3" name="KangfangType" id="KangfangType">


                            <a onclick="setKanfangInfo(1);" href="javascript:void(0);" class="popup_btn">提交申请</a>
                        </div>
                    </div>
                </div>
            </div>
            <div style="position: fixed; background-color: #000; width: 100%; z-index: 4999; top: 0px; left: 0px; opacity: 0.15; filter:alpha(opacity=15); height:100%;display:none"
                 id="divKanfangCover"></div>

            <script type="text/javascript">
                //看房
                function showKanfangBox(textName, isContent, contentTitle, content) {
                    if (textName != null || textName != "") {
                        $("#textLookhouse").html(textName);
                    }
                    else {
                        $("#textLookhouse").html("申请免费看房");
                    }
                    if (contentTitle != null || contentTitle != "") {
                        $("#divKanfangContent dt").text(contentTitle);
                    }
                    else {
                        $("#divKanfangContent dt").text("意向楼宇：");
                    }
                    if (isContent) {
                        $("#divKanfangContent").hide();
                        $("#contentHeight").css("height", '194');
                        $('#divKanfangBox').css("height", '198');
                    }
                    else {
                        $("#divKanfangContent").show();
                    }
                    $("#KanfangContent").val(content);
                    //        buildingName = $('#adBuildingName').val();
                    $('#divKanfangBox').show();
                    $('#divKanfangCover').show();
                }

                function closeKanfangBox() {
                    $('#KanfangUserName').val('');
                    $('#KanfangMobile').val('');
                    $("#ContactEmail").val('');
                    $("#KanfangContent").val('');
                    $('#divKanfangBox').hide();
                    $('#divKanfangCover').hide();
                }
                //提交租借需求单
                function setKanfangInfo(type) {
                    var houseType = $("#KangfangType").val();
                    if (type == "" || type == null) {
                        type = houseType;
                    }
                    var reqContent = $("#divKanfangContent dt").text() + $.trim($("#KanfangContent").val());
                    var reqName = $.trim($('#KanfangUserName').val());
                    var reqContact = $('#KanfangMobile').val();
                    var reqEmail = $('#KanfangContactEmail').val();
                    var flag = submitKanfangInfo(type, reqName, reqContact, reqEmail, reqContent);
                    if (flag || flag == undefined) {
                        clearData();
                        closeKanfangBox();
                    }

                }

                //清空数据
                function clearData() {
                    $("#KanfangContent").val("");
                    $("#KanfangUserName").val("");
                    $('#KanfangMobile').val("");
                    $("#KanfangContactEmail").val("");

                }

            </script>
            <!-- 感兴趣房源 -->
            <div class="sidesub list_graybg" id="new_house">
                <div class="bot_line1">
                    <h5>你可能对这些房源感兴趣</h5>
                </div>
                <div tcity="sh" tid="XZL_CreativeParkList_RentHouse" class="rent_con clearfix DTL">
                    <div class="clearfix" id="rent_interest">
                        <dl class="clearfix">
                            <dt><a title="创邑金沙谷" href="##"><img alt="创邑金沙谷" src="/static/images/img13.jpg"></a></dt>
                            <dd>
                                <h6><a title="创邑金沙谷" href="##">创邑金沙谷</a></h6>

                                <p></p>

                                <p class="rent_info"><em>普陀</em><span>199㎡</span><cite><i>29850元/月</i></cite></p>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt><a title="天地软件园" href="##"><img alt="天地软件园" src="/static/images/img14.jpg"></a></dt>
                            <dd>
                                <h6><a title="天地软件园" href="##">天地软件园</a></h6>

                                <p></p>

                                <p class="rent_info"><em>普陀</em><span>400㎡</span><cite><i>30000元/月</i></cite></p>

                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}